// // react项目实战 家长列表
import React from 'react';
import { Input,Space, Table, Tag , Cascader, Select} from 'antd';
const { Search } = Input;
import './AllList.css';

function ParentsList(props) {
    // 表格
    const columns = [
        {
          title: '序号',
          dataIndex: 'id',
          key: 'id',
          width:50,
        },
        {
          title: '所属学校',
          dataIndex: 'school_name',
          key: 'school_name',
          width:300,
        },
        {
          title: '家长姓名',
          dataIndex: 'Parents_name',
          key: 'Parents_name',
          width:200,
        },
        {
          title: '联系方式',
          dataIndex: 'tel',
          key: 'tel',
          width:150,
        },
        {
          title: '关联学生',
          dataIndex: 'student_name',
          key: 'student_name',
          width:150,
        },
        {
          title: '与学生关系',
          dataIndex: 'Association',
          key: 'Association',
          width:150,
        },
        {
          title: '账号',
          dataIndex: 'account',
          key: 'account',
          width:150,
        },
      ];
      const data = [
        {
          key: '1',
          id:'1',
          school_name:"实验学校",
          Parents_name:"张三",
          tel:"18227955164",
          student_name:"张牛",
          Association:"父亲",
          account:"123456789"
        },
        {
          key: '2',
          id:'2',
          school_name:"实验学校",
          Parents_name:"张三",
          tel:"18227955164",
          student_name:"张牛",
          Association:"父亲",
          account:"123456789"
        },
        {
          key: '3',
          id:'3',
          school_name:"实验学校",
          Parents_name:"张三",
          tel:"18227955164",
          student_name:"张牛",
          Association:"父亲",
          account:"123456789"
        },
        {
          key: '4',
          id:'4',
          school_name:"实验学校",
          Parents_name:"张三",
          tel:"18227955164",
          student_name:"张牛",
          Association:"父亲",
          account:"123456789"
        },
        {
          key: '5',
          id:'5',
          school_name:"实验学校",
          Parents_name:"张三",
          tel:"18227955164",
          student_name:"张牛",
          Association:"父亲",
          account:"123456789"
        },
      ];
    return (
        <div>
            {/* 用户概况 */}
            <div className='search'>
              <Search
                placeholder="请输入关键字进行搜索"
                allowClearq
                enterButton="搜索"
                size="large"
                // onSearch={onSearch}
              />
            </div>
            
            <Table columns={columns} dataSource={data} />
            
        </div>
    );
}

export default ParentsList;